<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            background-color: rgb(242, 247, 248);
            width: 100%;
            height:100%;
        }
        .menu ul{
         
            width: 100%;
            height:60px;
        }
        .menu ul li{
           
            width: 90px;
            height:60px;
            list-style: none;
            display: inline;
            line-height: 60px;
            margin-left: 16px;
        }

        .menu ul li:hover{
          
            width: 90px;
            height:60px;
            list-style: none;
            display: inline;
            line-height: 60px;
            margin-left: 18px;
        }
        .menu ul li a{
           text-decoration: none;
            width: 100px;
            height:60px;
            list-style: none;
            display: inline;
        }

        .menu ul li a:hover{
            color: rgb(88, 126, 250);
            width: 100px;
            height:60px;
            list-style: none;
            display: inline;
            text-decoration: none;
            font-size: 20px;
        }
        .l-menu{
            float: left;
        }
        .r-menu{
            float: right;
        }
    </style>
</head>
<body>
    <div class="menu">  
        <ul>  
          <li class="l-menu" style="margin-left: 0;"><a href="#">新闻</a></li>
          <li class="l-menu"><a href="#">好123</a>          
          <li class="l-menu"><a href="#">地图</a>   
          <li class="l-menu"><a href="#">直播</a></li> 
          <li class="l-menu"><a href="#">视频</a></li> 
          <li class="l-menu"><a href="#">贴吧</a> 
          <li class="l-menu"><a href="#">学术</a></li>
          <li class="l-menu"><a href="#">更多</a>   
            <li class="r-menu"><input type="button" value="登录"></a></li>
          <li class="r-menu"><a href="#">设置</a></li> 
          
        </ul>
    </div>  
    <form><span id=""class="">
        <span class=""></span>
        <input type="text" class="" name="" id="" maxlength="" autocomplete="">
        </a><span class="soutu-hover-tip" style="display: none;">按图片搜索</span>
    </span>
            <input type="submit" value="百度一下" id="su" class="btn self-btn bg s_btn"></span>
</body>
</html>